$(".S-inp").click(function(e){
	e.stopPropagation();
	$(".Inp-search").show();
	$(this).val("");
	$(".Inp-search a").click(function(){
		$(".S-inp").val($(this).html());
		$(".Inp-search").hide();
	})
})
$(".S-inp").blur(function(){
	$(".S-inp").val("请输入要搜索的商品");
	$(".Inp-search").hide();
})
// search部分input下拉菜单显示状态

$(".DL").hover(function(){
	$(".DL-ewm").show();
},function(){
	$(".DL-ewm").hide();
})
//右侧边悬浮窗滑动效果
$("#Right-side .R-X").hover(function(){
	$(this).children("img").eq(0).hide().siblings().show();
},function(){
	$(this).children("img").eq(1).hide().siblings().show();
})
$("#Right-side .R-T").hover(function(){
	$(this).children("img").eq(0).hide().siblings().show();
	$(".R-ewm").show();
},function(){
	$(this).children("img").eq(1).hide().siblings().show();
	$(".R-ewm").hide();
})
$("#Right-side .R-B").hover(function(){
	$(this).children("img").eq(0).hide().siblings().show();
},function(){
	$(this).children("img").eq(1).hide().siblings().show();
})


//滚动轴滑动效果
$(window).scroll(function(){
	if($(window).scrollTop()<100){
		$("#Right-side .R-B").hide(500);
	}else{
		$("#Right-side .R-B").show(500);
	}
	if($(window).scrollTop()>500){
		$("#Top-side-box").slideDown(100);
	}else{
		$("#Top-side-box").slideUp(100);
	}
})
$("#Right-side .R-B").click(function(){
	$("body,html").animate({scrollTop:0},500)
})


$(".product-left .list li").click(function(){
	$(this).addClass("active").siblings().removeClass("active");
	var Ind = $(this).index();
	var oUrl = $(this).attr("Url");
	var html = "<div class='tool'></div><img src="+oUrl+" />";
	$(".s-img").html("").append(html);
	$(".b-img").html("").append(html);
})  //list部分点击换图和列表中边框变换

$(".product-left .s-img").hover(function(){
	$(".tool").show();
	$(".b-img").show();
},function(){
	$(".tool").hide();
	$(".b-img").hide();
}) //鼠标移入移出图片模块时的遮罩层和放大部分的显示与否

$(".product-left .s-img").mousemove(function(e){
	var e = e || window.event;
	var x = e.pageX - $(".s-img").offset().left;
	var y = e.pageY - $(".s-img").offset().top;
	var L = x - $(".tool").width()/2;
	var T = y - $(".tool").height()/2;
	if(L<0){
		L = 0;
	}else if(L>=$(".s-img").width() - $(".tool").width()){
		L = $(".s-img").width() - $(".tool").width();
	}
	if(T<0){
		T = 0;
	}else if(T>=$(".s-img").height() - $(".tool").height()){
		T = $(".s-img").height() - $(".tool").height();
	}
	$(".tool").css({left:L,top:T});
	$(".b-img img").css({left:-2*L,top:-2*T});
})   //鼠标移动事件实实现放大效果

$("#product .product-left .promise li").hover(function(){
	$(this).find("div").show();
},function(){
	$(this).find("div").hide();
}) //放大镜下方鼠标滑动效果

$("#product .product-right .pro-r-main .p2 a").click(function(){
	$(this).children("i").addClass("active").parent().siblings().children("i").removeClass("active");
	var oUrl = $(this).children("i").attr("Url");
	var html = "<div class='tool'></div><img src="+oUrl+" />";
	$(".s-img").html("").append(html);
	$(".b-img").html("").append(html);
}) //商品规格部分切换放大镜主图

$("#product .product-right .pro-r-main .p2 .a1").hover(function(){
	$(this).parent(".p2").children(".em1").show();
},function(){
	$(this).parent(".p2").children(".em1").hide();
})

$("#product .product-right .pro-r-main .p2 .a2").hover(function(){
	$(this).parent(".p2").children(".em2").show();
},function(){
	$(this).parent(".p2").children(".em2").hide();
}) //选择衣服颜色的时候的背景标记切换

$("#product .product-right .pro-r-main .p3 a").click(function(){
	$(this).addClass("active").siblings().removeClass("active");
})//选择衣服尺码的切换

var sl = 1;
$(".btn-L").click(function(){
	sl--;
	if(sl<1){
		sl = 1;
	}
	$(".sl").html(sl);
})
$(".btn-R").click(function(){
	sl++;
	$(".sl").html(sl);
})//数量增减

$(".infor-T .change a").click(function(){
	$(this).addClass("active").siblings().removeClass("active");
})
$(".infor-T .change .a2").click(function(){
	$(".infor-R img").css("display","block");
	$(".infor-R p").css("display","none");
	$("#information").css("height","");
})
$(".infor-T .change .a3").click(function(){
	$(".infor-R p").css("display","block");
	$(".infor-R img").css("display","none");
	$("#information").css("height",3200);
}) //改变商品信息和评论部分

	
	loadCart();
	$(".addCar").click(function(){
		//颜色，尺码验证
		
			//获取商品数量  添加到cookie
			
			//获取商品的id（用来区分不同的商品）
			var goodId = $(this).parents(".product-right").attr("data-good-id");
			//alert(goodId)
			//获取商品的名称
			var goodName = $('.pro-r-top .p1').html();
			//获取商品的价格
			var goodPrice = parseInt($(".pro-r-main .p1 b em").html());
			//获取商品的个数
			var goodCount = parseInt($(".sl").html());
			//alert(goodCount);
			//获取商品的图片src
			var goodSrc = $(".list .active").attr("Url");
			//alert(goodSrc);
			var cartStr = $.cookie("cart") ? $.cookie("cart") : "";
			//将字符串转成对象
			var cartObj = convertCartStrToObj(cartStr);
			//判断该商品是否已经在购物车中存在
			if(goodId in cartObj){
				//如果已存在，那么该商品的数量加获取的个数
				cartObj[goodId].num += goodCount;
			}else{
				//如果不存在，那么将新商品的信息存入
				cartObj[goodId] = {
					name : goodName,
					price : goodPrice,
					num : parseInt(goodCount),
					src : goodSrc
				};
			
		}
			//将新的购物车信息存回cookie
			//将对象转为字符串
			cartStr = convertObjToCartStr(cartObj);
			console.log(cartStr);
			//存入cookie
			$.cookie("cart",cartStr,{expires : 7,path:"/"});
			location.href = "car.html";
	});

function convertCartStrToObj(cartStr){
		//如果是空字符串，即没有购物车信息，那么购物车为空，直接返回一个空对象
		if(!cartStr){
			return {};
		}
		var goods = cartStr.split(":");
		var obj = {};
		for(var i = 0; i < goods.length; i ++){
			var data = goods[i].split(",");
			//以商品的id为健，商品的其他信息为值，这个值也设计为一个对象
			obj[data[0]] = {
				name : data[1],
				price : parseFloat(data[2]),
				num : parseInt(data[3]),
				src : data[4]
			}
		}
		return obj;
	}
function convertObjToCartStr(obj){
		var cartStr = "";
		//遍历对象
		for(var id in obj){
			if(cartStr){
				cartStr += ":";
			}
			cartStr += id + "," + obj[id].name + "," + obj[id].price + "," + obj[id].num + "," + obj[id].src;
		}
		return cartStr;
}
//加载购物车中的信息（使商品页与购物车页中的购物车数量同步）
function loadCart(){
	var cartStr = $.cookie("cart") ? $.cookie("cart") : "";
		var cartObj = convertCartStrToObj(cartStr);
		//获取到购物车中所有商品的数量
		var total = 0;
		for(var id in cartObj){
			total += cartObj[id].num;
		}
	$(".h-right .gwc span").html(total);
}
$(".fh-list").click(function(){
	location.href = "list.html"
}) //返回列表页
